<!--作者：靳晓璐-->
<template>
  <div>
    <Leftbar>
    </Leftbar>
   <headers_copy>

   </headers_copy>
  <el-table class="follow"
    :data="tableData"
    style="width: 100%"
    :row-class-name="tableRowClassName" >
    <el-table-column
      prop="date"
      label="消息"
      width="580">
    </el-table-column>
    <el-table-column
      prop="time"
      label="时间"
      width="180">
    </el-table-column>
    <el-table-column>
      <el-button
        size="mini"
        type="#f0f9eb"plain
        @click="handleDelete(scope.$index, scope.row)">删除</el-button>
    </el-table-column>
  </el-table>
  </div>
</template>

<style>
.el-table .warning-row {
  background: Transparent;
}
</style>

<script>
import Leftbar from "../components/Leftbar";
import headers_copy from "@/components/headers_copy";
export default {
  name:"Follow",
  components: {
    Leftbar,
    headers_copy
  },
  methods: {
    tableRowClassName({row, rowIndex}) {
      if (rowIndex === 1) {
        return 'warning-row';
      } else if (rowIndex === 0) {
        return 'warning-row';
      }
      return '';
    }
  },
  data() {
    return {
      tableData: [{
        date: '消息内容',
        time: '2021-07-01 12:00:00',
      }, {
        date: '消息内容',
        time: '2021-07-01 12:00:00',
      }, {
        date: '消息内容',
        time: '2021-07-01 12:00:00',
      }, {
        date: '消息内容',
        time: '2021-07-01 12:00:00',
      }]
    }
  }
}
</script>
<style scoped>
.follow{
  margin-left: 224px;
  margin-top: 0px;
}
</style>
